<!DOCTYPE html>
<html lang="en">

<head>
  <meta name="description"
    content="Vali is a responsive and free admin theme built with Bootstrap 4, SASS and PUG.js. It's fully customizable and modular.">
  <!-- Twitter meta-->
  <meta property="twitter:card" content="summary_large_image">
  <meta property="twitter:site" content="@pratikborsadiya">
  <meta property="twitter:creator" content="@pratikborsadiya">
  <!-- Open Graph Meta-->
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="Vali Admin">
  <meta property="og:title" content="Vali - Free Bootstrap 4 admin theme">
  <meta property="og:url" content="http://pratikborsadiya.in/blog/vali-admin">
  <meta property="og:image" content="http://pratikborsadiya.in/blog/vali-admin/hero-social.png">
  <meta property="og:description"
    content="Vali is a responsive and free admin theme built with Bootstrap 4, SASS and PUG.js. It's fully customizable and modular.">
  <title>OutFit - 管理员</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Main CSS-->
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/docs/css/main.css">
  <!-- Font-icon css-->
  <link rel="stylesheet" type="text/css"
    href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

<body class="app sidebar-mini rtl">
  <!-- Navbar-->
  {include file="commom/top"}
  <!-- Sidebar menu-->
  <div class="app-sidebar__overlay" data-toggle="sidebar"></div>
  {include file="commom/left"}
  <main class="app-content">
    <div class="app-title">
      <div>
        <h1><i class="fa fa-edit"></i>用户详情</h1>
      </div>
      <ul class="app-breadcrumb breadcrumb">
        <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
        <li class="breadcrumb-item">Forms</li>
        <li class="breadcrumb-item"><a href="#">Sample Forms</a></li>
      </ul>
    </div>
    <div class="row">
      <div class="col-md-6">
        <div class="tile">
          <h3 class="tile-title">当前用户详情</h3>
          <div class="tile-body">
            <form>
              <div class="form-group">
                {volist name="detail" id="vo"}
                <label class="control-label">
                  <h5>用户名称:</h5>
                </label><br>
                <td>{$vo.user_name}</td>
              </div>

              <div class="form-group">
                <label class="control-label">
                  <h5>用户头像:</h5>
                </label><br>
                <td><img src="__IMG__/{$vo.user_pic}" style="width:150px;height:100px"></td>
              </div>

              <div class="form-group">
                <label class="control-label">
                  <h5>用户账号:</h5>
                </label><br>
                <td>{$vo.user_account}</td>
              </div>

              <div class="form-group">
                <label class="control-label">
                  <h5>用户性别:</h5>
                </label><br>
                {if $vo.user_gender==0}
                <td>男</td>{else/}
                <td>女</td>
                {/if}
              </div>
              <div class="form-group">
                <label class="control-label">
                  <h5>用户身份:</h5>
                </label><br>
                {if $vo.user_status==0}
                <td>普通</td>{elseif $vo.user_status==3}
                <td>达人</td>{elseif $vo.user_status==1}
                <td>已冻结</td>
                {/if}
              </div>
              <div class="form-group">
                <label class="control-label">
                  <h5>用户积分:</h5>
                </label><br>
                <td>{$vo.user_score}</td>
              </div>
              <div class="form-group">
                <label class="control-label">
                  <h5>用户邮箱:</h5>
                </label><br>
                <td>{$vo.user_email}</td>
              </div>
              <div class="form-group">
                <label class="control-label">
                  <h5>用户国籍:</h5>
                </label><br>
                <td>{$vo.user_country}</td>
              </div>
              <div class="form-group">
                <label class="control-label">
                  <h5>用户发型:</h5>
                </label><br>
                <td>{$vo.user_hair}</td>
              </div>
              <div class="form-group">
                <label class="control-label">
                  <h5>用户身高:</h5>
                </label><br>
                <td>{$vo.user_high}cm</td>
              </div>
              <div class="form-group">
                <label class="control-label">
                  <h5>用户年龄:</h5>
                </label><br>
                <td>{$vo.user_age}</td>
              </div>
              <div class="form-group">
                <label class="control-label">
                  <h5>用户简介:</h5>
                </label><br>
                <td>{$vo.user_desc}</td>
              </div>
              <div class="form-group">
                <label class="control-label">
                  <h5>用户评论数:</h5>
                </label><br>
                <td>{$c_count}</a></td>
                <a class="btn btn-primary" href="{:url('user/comment',['user_id'=>$vo.user_id])}"
                  style="float: right;margin-right: 200px;margin-top: -10px;">查看评论</a>
              </div>
              <div class="form-group">
                <label class="control-label">
                  <h5>用户穿搭数:</h5>
                </label><br>
                <td>{$p_count}</td>
                <a class="btn btn-primary" href="{:url('user/picture',['user_id'=>$vo.user_id])}"
                  style="float: right;margin-right: 200px;margin-top: -10px;">查看穿搭</a>
              </div>
              <div class="form-group">
                <label class="control-label">
                  <h5>用户日志数:</h5>
                </label><br>
                <td>{$l_count}</td>
                <a class="btn btn-primary" href="{:url('user/log',['user_id'=>$vo.user_id])}"
                  style="float: right;margin-right: 200px;margin-top: -10px;">查看日志</a>
              </div>
              {/volist}
          </div>
        </div>
      </div>
    </div>
    </div>
  </main>
  <!-- Essential javascripts for application to work-->
  <script src="__PUBLIC__/docs/js/jquery-3.2.1.min.js"></script>
  <script src="__PUBLIC__/docs/js/popper.min.js"></script>
  <script src="__PUBLIC__/docs/js/bootstrap.min.js"></script>
  <script src="__PUBLIC__/docs/js/main.js"></script>
  <!-- The javascript plugin to display page loading on top-->
  <script src="__PUBLIC__/docs/js/plugins/pace.min.js"></script>
  <!-- Page specific javascripts-->
  <script type="text/javascript" src="__PUBLIC__/docs/js/plugins/chart.js"></script>
  <script type="text/javascript">
    var data = {
      labels: ["January", "February", "March", "April", "May"],
      datasets: [{
          label: "My First dataset",
          fillColor: "rgba(220,220,220,0.2)",
          strokeColor: "rgba(220,220,220,1)",
          pointColor: "rgba(220,220,220,1)",
          pointStrokeColor: "#fff",
          pointHighlightFill: "#fff",
          pointHighlightStroke: "rgba(220,220,220,1)",
          data: [65, 59, 80, 81, 56]
        },
        {
          label: "My Second dataset",
          fillColor: "rgba(151,187,205,0.2)",
          strokeColor: "rgba(151,187,205,1)",
          pointColor: "rgba(151,187,205,1)",
          pointStrokeColor: "#fff",
          pointHighlightFill: "#fff",
          pointHighlightStroke: "rgba(151,187,205,1)",
          data: [28, 48, 40, 19, 86]
        }
      ]
    };
    var pdata = [{
        value: 300,
        color: "#46BFBD",
        highlight: "#5AD3D1",
        label: "Complete"
      },
      {
        value: 50,
        color: "#F7464A",
        highlight: "#FF5A5E",
        label: "In-Progress"
      }
    ]

    var ctxl = $("#lineChartDemo").get(0).getContext("2d");
    var lineChart = new Chart(ctxl).Line(data);

    var ctxp = $("#pieChartDemo").get(0).getContext("2d");
    var pieChart = new Chart(ctxp).Pie(pdata);
  </script>
  <!-- Google analytics script-->
  <script type="text/javascript">
    if (document.location.hostname == 'pratikborsadiya.in') {
      (function (i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r;
        i[r] = i[r] || function () {
          (i[r].q = i[r].q || []).push(arguments)
        }, i[r].l = 1 * new Date();
        a = s.createElement(o),
          m = s.getElementsByTagName(o)[0];
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m)
      })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
      ga('create', 'UA-72504830-1', 'auto');
      ga('send', 'pageview');
    }
  </script>
</body>

</html>